import styled from "styled-components";
import ElementContext from "./context/ElementContext";
import ElementPanel from "./layout/ElementPanel";
import ElementSettingPanel from "./layout/ElementSettingPanel";
import Header from "./layout/Header";
import PreviewPage from "./layout/PreviewPage";

function App() {
  return (
    <>
      <Header />
      <RowBox>
        <ElementContext>
          <ElementPanel />
          <PreviewPage />
          <ElementSettingPanel />
        </ElementContext>
      </RowBox>
    </>
  );
}

export default App;

const RowBox = styled.div`
  display: flex;
  padding: 0 1vw;
`;
